<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 表单案例 </title>
</head>
<body>
    <form action="" method="">
        <div>
            <label for="">账户：</label>
            <input type="text" value="zhangsan" maxlength="8">
        </div>

        <div>
            <label for="">密码：</label>
            <input type="password" placeholder="请输入密码">
        </div>

        <div>
            <label for="">性别：</label>
            <input id="nv" name="gender" type="radio" value="0" checked><label for="nv">女</label>

            <input id="nan" name="gender" type="radio" value="1"><label for="nan">男</label>
        </div>

        <div>
            <label for="">爱好：</label>
            <input id="zq" name="like" value="zq" type="checkbox"><label for="zq">足球</label>
            <input id="lq" name="like" value="lq" type="checkbox"><label for="lq">篮球</label>
            <input id="dy" name="like" value="dy" type="checkbox" checked><label for="dy">电影</label>
        </div>

        <div>
            <label for="">籍贯：</label>
            <select name="籍贯" id="">
                <option value="sx">山西</option>
                <option value="hb">河北</option>
                <option value="sd">山东</option>
                <option value="hn">河南</option>
            </select>
        </div>

        <div>
            <label for="">头像</label>
            <input type="file">
        </div>

        <div>
            <label for="">年龄：</label>
            <input name="age" type="number" placeholder="您的年龄">
        </div>

        <div>
            <label for="">介绍：</label>
            <textarea name="desc" rows="8" placeholder="介绍"></textarea>
        </div>

        <div>
            <label for="">收入：</label>
            <input type="range" min="8000" max="20000">
        </div>

        <div>
            <label for="">偶像：</label>
            <input type="search">
        </div>

        <div>
            <button>注册</button>
        </div>

    </form>
</body>
</html>